{config_load file="library.ini" section="admin"}
{config_load file="common.ini"}
<!DOCTYPE html>
<html lang="en">

    <head>

        {include file="common/header.tpl"}
        <meta name="description" content="">
        <meta name="author" content="">

        <title>{#ManageBook#}-{#AdminPanel#}-{#CompanyName#}</title>


        {include file="common/header.tpl"}
        <!-- MetisMenu CSS -->
        <link href="static/css/metisMenu.min.css" rel="stylesheet">

        <!-- Timeline CSS -->
        <!--<link href="static/css/timeline.css" rel="stylesheet">-->

        <!-- Custom CSS -->
        <link href="static/css/sb-admin-2.css" rel="stylesheet">


        <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
        <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
        <!--[if lt IE 9]>
            <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
            <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
        <![endif]-->

    </head>

    <body>

        <div id="wrapper">

            <!-- Navigation -->
            <nav class="navbar navbar-default navbar-static-top" role="navigation" style="margin-bottom: 0">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a class="navbar-brand" href="/">{#ControlPanel#}</a>
                </div>
                <!-- /.navbar-header -->

                {include file="member/nav-header.tpl"}
                {include file="member/nav-side.tpl"}
                <!-- /.navbar-top-links -->
            </nav>

            <div id="page-wrapper">
                <div class="row">
                    <div class="col-lg-12">
                        <h1 class="page-header">{#LibrarySearch#}</h1>
                    </div>
                    <!-- /.col-lg-12 -->
                </div>
                <div class ="row">
                    <div class ="col-md-5">
                        <div class="panel panel-default">
                            <div class="panel-heading">
                                {#SearchBook#}
                            </div>
                            <div class="panel-body">
                                <div class ="row">
                                    <div class="col-md-12">
                                        <div class="form-group input-group">
                                            <input type="text" class="form-control" placeholder="{#BSearchIntro#}" id="form-bsearch">
                                            <span class="input-group-btn">
                                                <button class="btn btn-default" type="button" id="btn-book-qsearch"><i class="fa fa-search"></i></button>
                                            </span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-5">
                        <div class="panel panel-default">
                            <div class="panel-heading">
                                {#ManageBooksFn#}
                            </div>
                            <div class="panel-body">
                                <div class ="row">
                                    <div class ="col-md-4">
                                        <button type="button" id="bnlistbook" class="btn btn-info">{#ListBook#}</button>  
                                    </div>
                                    <div class="col-md-4">
                                        <button type="button" id="bncreatebook" class="btn btn-primary">{#CreateBook#}</button>
                                    </div>
                                    <div class="col-md-4">
                                        <button type="button" id="bnimportbook" class="btn btn-primary disabled" disabled>{#ImportBook#}</button>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
                <div id="msgout"></div>
                <div class="row">
                    <div class ="col-lg-12">
                        <table class="table table-striped">
                            <thead>
                                <tr>
                                    <th>#</th>
                                    <th>{#BookName#}</th>
                                    <th>{#BookAuthor#}</th>
                                    <th>{#BookPublisher#}</th>
                                    <th>ISBN</th>
                                    <th>{#BookDescription#}</th>
                                    <th>{#BookPrice#}</th>
                                    <th>{#BookOption#}</th>
                                </tr>
                            </thead>
                            <tbody id="tblist">
                                <tr>
                                    <td colspan="8">{#BookSearch#}</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>

            </div>
            <!-- /#page-wrapper -->

        </div>
        <!-- /#wrapper -->
        {include file="library/book-modify.tpl"}

        {include file ="common/footer.tpl"}

        <!-- Metis Menu Plugin JavaScript -->
        <script src="static/js/metisMenu.min.js"></script>


        <!-- Custom Theme JavaScript -->
        <script src="static/js/scripts-control.js"></script>
        <script src="static/js/scripts-booka.js"></script>

    </body>

</html>
